@charset "utf-8";
:root {
    --bs-shop-red: rgba(183, 44, 41, 1);
}

.text-bg-red {
    color: #fff !important;
    background-color: RGBA(183, 44, 41, var(--bs-bg-opacity, 1)) !important;
}

.bg-red {
    background-color: var( --bs-shop-red) !important;
}

.text-red {
    color: var( --bs-shop-red) !important;
}

.border-red {
    border-color: var( --bs-shop-red) !important;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: var( --bs-shop-red);
    --bs-btn-border-color: var( --bs-shop-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var( --bs-shop-red);
    --bs-btn-hover-border-color: var( --bs-shop-red);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var( --bs-shop-red);
    --bs-btn-active-border-color: var( --bs-shop-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var( --bs-shop-red);
    --bs-btn-disabled-border-color: var( --bs-shop-red);
}


/* 轮播 */

#slide .carousel-inner .carousel-item:first-child {
    background: url(../images/big1.png) top center;
}

#slide .carousel-inner .carousel-item:nth-child(2) {
    background: url(../images/big2.png) top center;
}

#slide .carousel-inner .carousel-item:nth-child(3) {
    background: url(../images/big3.png) top center;
}

#slide .carousel-inner .carousel-item:nth-child(4) {
    background: url(../images/big4.png) top center;
}


/* 侧导航显示层 开始*/

.c-item {
    z-index: 10;
    width: 300%;
    height: 100%;
}

.c-item a {
    color: #999;
    text-decoration: none;
}

.c-item a:hover {
    color: var(--bs-shop-red);
}

#leftnav li:hover {
    background-color: var(--bs-light);
}

#leftnav li:hover>div {
    color: var(--bs-shop-red) !important;
}

#leftnav li:hover>div>a {
    color: var(--bs-shop-red) !important;
}

#leftnav li:hover .c-item {
    display: block !important;
}


/* 侧导航显示层 结束*/


/* 选项卡样式开始 */

.productlist .nav-pills .nav-link {
    color: var(--bs-shop-red);
    background-color: #fff;
    border-bottom: 2px solid var(--bs-shop-red);
}

.productlist .nav-pills .nav-link.active {
    background-color: var(--bs-shop-red);
    color: white;
}


/* 统一设置高度 */

.productlist img {
    height: 140px;
}


/* 选项卡样式结束 */


/* 详情页样式开始 */

.breadcrumb-item a {
    text-decoration: none;
    color: gray;
}

.breadcrumb-item a:hover {
    color: var(--bs-shop-red);
}

.breadcrumb-item.active {
    font-weight: bold;
}


/* 详情页样式结束 */